<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>图片文本-右下角</title>
    <style>
        .container {
            position: relative;
        }

        .bottomright {
            position: absolute;
            bottom: 8px;
            right: 16px;
            font-size: 18px;
        }

        img {
            width: 100%;
            height: auto;
            opacity: 0.3;
        }
    </style>
</head>

<body>

    <h2>图片文本</h2>
    <p>在图片右下角添加文本信息:</p>

    <div class="container">
        <img src="images/trolltunga.jpg" alt="Norway" width="1000" height="300">
        <div class="bottomright">右下角</div>
    </div>

</body>

</html>